<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
			}
			body{
				position: relative;
			}
			#txt{
				position: absolute;
				top: 5px;
				left: 10px;
				font-size: 20px;
			}
		</style>
	</head>

	<body>
         <p id="txt">计分：0</p>
         <img src="img/game.png"/ width="100%" height="100%" id="begin">
		<canvas id="canvas" width="320" height="568" style="display: none;"></canvas>
	</body>
	    <!--判断设备类型-->
    <script src="js/判断设备类型的.js" type="text/javascript" charset="utf-8"></script>
	<!--准备-->
<script src="js/准备工作.js" type="text/javascript" charset="utf-8"></script>
	<!--背景-->
	<script src="js/背景.js" type="text/javascript" charset="utf-8"></script>
	<!--计分-->
	<script src="js/计分.js" type="text/javascript" charset="utf-8"></script>
	
	<!--敌军-->
	<script src="js/enemy.js" type="text/javascript"></script>
	
	
	<script type="text/javascript">
		var background = new BackgroundClass();
		background.drawBack();
		
		//敌军
		var enemyController = new EnemyControllerClass();
		
		
		
		setInterval(function(){
			context.clearRect(0,0,canvas.width,canvas.height);
			background.backgroundMove(10);
			
			enemyController.createShowEnemy();
		},10);
		
		
		
		
		var begin = document.getElementById("begin");
		
		begin.onclick = function(){
			begin.style.display = "none";
			canvas.style.display = "block";
		}
		
	</script>
</html>